<!-- subscribe section -->
<section class="subscribe-section">
    <div class="container">
        <div class="subscribe-title">
            <div class="section-title">订阅我们</div>
        </div>
        <div class="subscribe-form">
            <input type="email" id="email" name="form_email" value="" placeholder="请输入你的QQ邮箱">
            <button onclick="subscription()" type="button">订阅</button>
        </div>
    </div>
</section>
<script src="jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<script>
    function subscription() {
        $.ajax({
            //提交数据的类型 POST GET
            type: "POST",
            //提交的网址
            url: "email",
            data: {
                "email":$("#email").val()
            },
            success: function (returnData) {
                if (returnData == "请输入邮箱"){
                    alert(returnData);
                } else if(returnData == "请输入正确的邮箱"){
                    alert(returnData);
                    $("#email").value("");
                }else if(returnData == "订阅成功"){
                    alert(returnData);
                    $("#email").value("");
                }
            },
            //调用出错执行的函数
            error: function (responseText) {
                //请求出错处理
                console.error(responseText);
            }
        });
    }
</script>
<!-- subscribe section end -->

<!-- main footer area -->
<footer class="footer-section">
    <div class="footer-top">
        <div class="container">
            <div class="row">
                <div class="footer-column col-md-3 col-sm-6 col-xs-12">
                    <div class="logo-widget">
                        <div class="footer-logo">
                            <a href="index.html"><figure><img src="static/images/home/footer-logo.png" alt=""></figure></a>
                        </div>
                        <p>离乡背井冷清清，陌陌就是你的家；送给您一片温暖，献给您一片深情！——陌陌酒店</p>
                        <ul class="footer-social">
                            <li><a href="#" class="hvr-radial-out"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#" class="hvr-radial-out"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#" class="hvr-radial-out"><i class="fa fa-vimeo"></i></a></li>
                            <li><a href="#" class="hvr-radial-out"><i class="fa fa-linkedin"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer-column col-md-3 col-sm-6 col-xs-12">
                    <div class="link-widget">
                        <h3>链接我们</h3>
                        <ul class="list">
                            <li><a href="#">公司历史</a></li>
                            <li><a href="#">关于我们</a></li>
                            <li><a href="#">联系我们</a></li>
                            <li><a href="#">隐私政策</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer-column col-md-3 col-sm-6 col-xs-12">
                    <div class="contact-widget">
                        <h3>联系我们</h3>
                        <p>来到陌陌酒店，就像回到了家一样温馨，如家般的舒适，如春般的关怀。</p>
                        <div class="single-item">
                            <i class="fa fa-map-marker"></i>
                            广东省广州市天河区
                        </div>
                        <div class="single-item">
                            <i class="fa fa-phone"></i>
                            0898-68718324
                        </div>
                        <div class="single-item">
                            <i class="fa fa-envelope"></i>
                            <a href="#">momohotel@mm.com</a>
                        </div>
                    </div>
                </div>
                <div class="footer-column col-md-3 col-sm-6 col-xs-12">
                    <div class="footer-gallery">
                        <h3>欣赏我们</h3>
                        <ul class="img-list">
                            <li><a href="gallery.html"><figure><img src="static/images/home/footer-1.jpg" alt=""></figure></a></li>
                            <li><a href="gallery.html"><figure><img src="static/images/home/footer-2.jpg" alt=""></figure></a></li>
                            <li><a href="gallery.html"><figure><img src="static/images/home/footer-3.jpg" alt=""></figure></a></li>
                            <li><a href="gallery.html"><figure><img src="static/images/home/footer-4.jpg" alt=""></figure></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <div class="copyright"><a href="#">MoMo</a> © copy 2019 All Right Reserved</div>
        </div>
    </div>
</footer>
<!-- main footer area end -->

